<template>
    <div class="error404">
        <div class="error404-content">
            <div class="error404-content-img">
                <img src="/img/404.png" alt="error" />
            </div>
            <div class="error-title">
                <span>404 Not Found</span>
            </div>
            <div class="error-subtitle" style="margin-bottom: 50px;">
                <span>{{ '哎呀，未找到网页！' }}</span>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.error404 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.error404-content {
    display: flex;
    flex-direction: column;

    align-items: center;
}

.error-title {
    font-size: 24px;
    margin-top: 24px;
}

.error404-content-img {
    img {
        width: 421px;
    }
}
</style>